<script src="./page.js"></script>
<style lang="less" rel="stylesheet/less" scoped>
@import './page.less';
</style>

<template>
	<div class="nav">
		<div class="nav-cont">
			<div class="wrap clearfix">
				<i class="icon logo fl"></i>
				<span class="remind fr userInfo"  @mouseover="showInfo" @mouseout="hideInfo">
					<div class="remindButton fr" type="text">
						<i class="iconInfo iconfont fl">&#xe62f;</i><span :class="infoVisible ? 'el-icon-arrow-up' : 'el-icon-arrow-down' "></span>
						<div class="infoNoticeList" v-show="infoVisible">
							<span class="user">你好，{{userName}} ({{userId}})</span>
							<a href="javascript:void(0);" @click="logout" class="loginOut">退出登录</a>
						</div>
					</div>
				</span>
			</div>
		</div>
	</div>
</template>
